select option by value

[theS70RM]

Hi Guys,

I've hit a wall, im trying to create a function to make an option in a <select> box selected when given its value, rather than its index. I cant seem to figure out how to loop through each value for each option.

This is what I have so far, but its not correct...
"selObj" is the <select> as an object

function selectOptionByValue(selObj, value){
 
    for (options in selObj.options){
        if (options.value == value){
            options.selected = true;
            break;
    }
 
}
 

Any help is much apprieciated1

Thanks

Andy

[mrhoo]

a select element has a property named 'options'-
use an indexed array to loop through the options.

If the select can only select 1 option, set the selectedIndex,
or you have to unset whatever was previously selected.

function selectOptionByValue(selObj, val){
    var A= selObj.options, L= A.length;
    while(L){
        if (A[--L].value== val){
            selObj.selectedIndex= L;
            L= 0;
        }
    }
}

[theS70RM]

that works well,

thanks for your help!

Andy

[acoder]

If you want a shortcut for single select object, just set its value property. Would work in at least Firefox/IE. mrhoo's method is obviously more robust and reliable though.